<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>循环 - JavaScript</title>
</head>
<body>
    <h1>循环</h1>

    <script type="text/javascript">

        // --------------------------------------------------------------------
        // -- 循环
        // --------------------------------------------------------------------

        // ----------------------------------------------------
        // -- 语法
        // ----------------------------------------------------

        // -----------------------------
        // 1. while
        // -----------------------------
        /*
            语法:
                while (条件) {
                    循环体代码块
                }
         */
        // 1.1 循环输出1到10。



        // -----------------------------
        // 2. do...while
        // -----------------------------
        /*
            语法:
                do {
                   循环体代码块
                }
                while (条件);
         */
        // 2.1 打印1到100之间的偶数。


        // -----------------------------
        // 3. for
        // -----------------------------
        /*
            语法:
                for (①初始化; ②条件; ④循环后执行的表达式) {
                    ③循环代码块
                }
            执行顺序：
                ① ->
                    ② -> ③ -> ④ ->
                    ② -> ③ -> ④ ->
                    ...
         */
        // 3.1 输入1个数字,判断是否是素数。


        // -----------------------------
        // 4. for...in
        // -----------------------------
        /*
            语法：
                for (变量 in 对象) {
                    代码块
                }
                注：其中变量为索引
         */
        // 4.1 循环打印班级同学名称
        // 4.2 声明一个对象：goodsId为1，goodsName为电动牙刷，价格price为1元
        //  然后尝试循环遍历打印出其中每个属性



        // -----------------------------
        // 5. for...of
        // -----------------------------
        /*
            语法：
                for (变量 of 对象) {
                    代码块
                }
                其中变量为值
         */
        // 5.1 尝试对上面的例子改造成for of 输出
        // 5.2 尝试对字符串进行遍历: hello, JavaScript,我来了


        // -----------------------------
        // 6. forEach
        // -----------------------------
        /*
            语法：
                对象.forEach(function (item, index, arr) {
                    代码块
                 });
                item表示元素, index表示下标, arr表示数组本身
         */
        // 6.1 声明数组: ["Hello", "World"], 使用forEach进行遍历输出。



        // -----------------------------
        // 7. break和continue
        // -----------------------------
        /*
            break: 循环中用户退出循环的控制语句。
            continue: 循环中用于直接执行下一个循环的控制语句。
         */
        // 7.1 和电脑一直玩一个猜拳的小游戏, 用户输入石头、剪刀、布, 然后和电脑生成的进行对比。并判断谁赢,
        //  如果输入: 退出, 那么该程序退出
        //  如果点击取消按钮：那么直接进入下一轮



        // ----------------------------------------------------
        // -- 练习
        // ----------------------------------------------------
        // 1. 输出1-10与5相乘的结果
        // 2. 求出所有的水仙花数，水仙化数为3位数，并且每位上的数字的立方和等于该数本身
        // 3. 打印1到100之间的素数。
        // 4. 输出一个整数n, 求 1!+2!+3!+4!+…n!
        // 5. 打印九九乘法表, 用表格呈现。
        // 6. 打印杨辉三角



    </script>

    <img src="image/1.jpg" />
</body>
</html>